$(function () {
  // 1.1 选择头像即可显示在界面
  function renderImg() {
    $("#inputCover").on("change", function () {
      let file = this.files[0];
      //   资源路径
      let url = URL.createObjectURL(file);
      //    将图片渲染到界面当中
      $("#coverimg").prop("src", url);
    });
  }
  // 1.1 选择头像即可显示在界面
  renderImg();

  // 1.2 动态渲染文章类别
  function getArticleCategory() {
    $.ajax({
      url: "http://localhost:8080/api/v1/admin/category/list",
      headers: { Authorization: localStorage.getItem("token") },
      success: function (res) {
        if (res.code === 200) {
          let html = res.data.reduce(
            (html, value) =>
              (html += `<option value=${value.id}>${value.name}</option>`),
            `<option value=''>所有分类</option>`
          );
          $("#category").html(html);
        } else {
          console.log("失败");
          console.log(res);
        }
      },
    });
  }
  // 1.2 动态渲染文章类别
  getArticleCategory();

  // 1.3 通过layUI得到时间
  function renderData() {
    layui.use("laydate", function () {
      let laydate = layui.laydate;
      //执行一个laydate实例
      laydate.render({
        elem: "#articleDate", //指定元素
      });
    });
  }
  // 1.3 通过layUI得到时间

  renderData();
  // 1.4 富文本编辑器
  function renderRichText() {
    tinymce.init({
      selector: "#articleContent",
      language: "zh_CN", //注意大小写
    });
  }
  // 1.4 富文本编辑器
  renderRichText();

  //   2.1 给发布做点击事件
  function getFormContent() {
    $(".btn-edit").on("click", function () {
      let formdata = new FormData($("#form")[0]);
      // 拼接富文本
      formdata.append(
        "content",
        tinyMCE.editors["articleContent"].getContent()
      );
      // 拼接文章状态
      formdata.append("state", "已发布");
      $.ajax({
        url: "http://localhost:8080/api/v1/admin/article/publish",
        type: "post",
        data: formdata,
        processData: false,
        contentType: false,
        headers: { Authorization: localStorage.getItem("token") },
        dataType: "json",
        success: function (res) {
          if (res.code === 200) {
            //   页面跳转
            location.href = "article_list.html";
          } else {
            console.log("失败");
            console.log(res);
          }
        },
      });
    });
  }
  //   2.1 给发布做点击事件
  getFormContent();

  // 2.2 点击存为草稿做点击事件
});
